@charset "utf-8";
/* CSS Document */
/* general */
body{
width:auto;
margin:0;
padding:0;
font: normal normal normal 11px/16px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
background:rgb(230,229,230);
}
a, a:hover, a:visited, a:link {
text-decoration:none;
color: #060;
}
a img { border:none;}
a:hover{
text-decoration:underline;
color:#666;
}
a.btn, a:hover.btn, a:link.btn, a:visited.btn, a.btn2, a:hover.btn2, a:link.btn2, a:visited.btn2  {
display: inline-block;
margin:0 2px;
padding: 3px 10px;
background: #efefef; /*url(../images/bg-02.jpg) 0 70% repeat-x*/;
color: #333;
border:solid 1px #999;
font: normal normal normal 12px/14px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a.btn2, a:hover.btn2, a:link.btn2, a:visited.btn2{
	margin:5px 2px;
}
a:hover.btn, a:hover.btn2 {
background: url(../images/bg-04.jpg) 0 50% repeat-x;
color: #fff;
border:solid 1px #060;
text-decoration:none;
}

h1, h2, h3, h4, h5, h6, p, table {
display:block;
padding:0;
margin:0 0 0.5em;
clear:both;
text-align:left;
}
/*table { text-align:right; }*/
.rgh { text-align:right;}
.lft { text-align:left;}
.ctr { text-align:center;}
h1 {
margin:10px 0 10px;
font:normal normal normal 18px/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
/*color: #060;*/
}
h1.title{
margin:20px 0;
padding:2px 0;
/*color:#054F05;*/
text-indent:10px;
font:normal normal bold 17px/1.6em  "Trebuchet MS", Arial, Helvetica, sans-serif ;
text-transform:uppercase;
border-bottom:solid 1px #054F05;
}
h2 {
font:normal normal normal 16px/1.2em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
color:#333;
/*border-bottom: solid 1px rgb(64,73,132);*/
}
h2 a, h2 a:hover,h2 a:link,h2 a:visited{
display:block;
font:normal normal normal 14px/1.6em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
padding:2px 0;
padding-left:20px;
color:#000;
border:solid 1px #ccc;
background:#f7f7f7 /* url(../images/down.gif) 5px 2px no-repeat*/;
}
h2 a:hover {
color:#999;
}
h2 a span,h2 a span:hover,h2 a span:link{
display:inline-block;
width:220px;
text-decoration:none;
font-size:12px;
float:right;
color: #060;
text-align:right;
margin-right:10px;
}
h2 a em {
font:normal normal normal 11px/1.4em Tahoma, Geneva, sans-serif;
color:#888;
text-transform:none;
margin-left: 5px;
margin-right: 5px;
}
h2 a span b {
float:left;
font-weight:normal;
text-transform:none;
font-size:11px;
color:#000;
}
h3 {
font: normal normal normal 14px/16px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 a, h3 a:hover,h3 a:link,h3 a:visited{
display:block;
font:normal normal normal 14px/1.6em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
padding:2px 0;
padding-left:30px;
color:#000;
/*border:solid 1px #ccc;*/
background: #D9E3CE url(../images/down.gif) 5px 2px no-repeat;
}
h3 a:hover {
color:#999;
}
h3 a span,h3 a span:hover,h3 a span:link{
display:inline-block;
width:220px;
text-decoration:none;
font-size:12px;
float:right;
color: #060;
text-align:right;
margin-right:10px;
}
h3 a span b {
float:left;
font-weight:normal;
text-transform:none;
font-size:11px;
color:#000;
}
h4 {
font: normal normal normal 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 0 ;
color:#002469;
}
h5{
margin:0;
padding:4px 0;
color:#333;
font: normal normal normal 9px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*text-transform:uppercase;*/
}
h6{
font: normal normal normal 9px/14px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333;
}
ul{
margin:0px;
padding-left:15px;
}
li{
text-indent:0;
margin:0;
padding:1px 0;
}
b {}
#itemA,#itemB,#itemC,#itemD,#itemE,#itemF,#itemG,#itemH,#itemI,#itemJ,#itemK,#itemL,#itemM,#itemN,#itemO,#itemP,#itemQ,#itemR,#itemS,#itemT,#itemU,#itemV,#itemW,#itemX,#itemZ{
margin-left:30px;
}
/*table td { vertical-align: top;}*/
/* cajas */
.float{
display:block;
width:99%;
min-width:982px;
max-width:1260px;
min-height:680px;
max-height:100%;
margin:0 auto;
padding:0;
}
.all{
display:block;
float:left;
width:96%;
min-width:982px;
max-width:1260px;
min-height:680px;
max-height:100%;
margin:0;
padding:0 2% 15px;
background:#fff url(../images/vigilado.jpg) 5px 93% no-repeat;

}

.header{
float:left;
width:100%;
margin:10px 0 30px;
padding:0;	
height:80px;
background:url(../images/Correval.jpg) 230px 65% no-repeat;
}
.content{
display:block;
float:left;
width:100%;
padding:0;
margin:0;
background:url(../images/bg-content.jpg) 0 0 repeat-y;
}
.message{
display:block;
float:left;
background:#fff;
width:630px;
margin:0 0 10px;
padding:10px 15px;
border:solid 1px #ccc;
}

/* mensajes */
.mesg2,.barbtn,.barbtn2{
display:block;
clear:both;
width:100%;
margin:0px 0 10px;
padding:0;
color:#333;
/*background:rgb(230,229,230) url(../images/bg-top.png) -100px 0 no-repeat;*/
}
.barbtn,.barbtn2{
margin:10px 0;
}
.mesg2{
width:94%;
margin:10px 0;
padding:5px 0;
font: normal normal normal 11px/1.4em Tahoma, Geneva, sans-serif;
background-image: url(../images/bg-mesg2.gif);
background-position: 10px 6px;
background-repeat: no-repeat ;
text-align:left;
}
.mesg2 p {
margin:0;
margin-left:45px;
padding:6px 10px;
background: #DEE7EF;
color:#000;
filter: alpha(opacity = 75);
opacity: .75;
}
p.nota {
font-size:11px;
}

/*  --- area plugings ---- */
.plugset{
display:block;
padding:15px 0 0;
padding-left:230px;
margin:0;
background:#fff;
}
.col-plu{
float:left;
width:225px;
margin-left:-230px;
min-height:450px;
padding:0 0 10px;
background:#ccc;
}
.box-plu{
padding:10px;
float:left;
width:205px;
}
.box-plu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}
.box-plu ul li{
float:left;
clear:both;
width:200px;
border:dotted 1px #fff;
padding:3px;
margin:3px 0;
font: normal normal normal 12px/1.4em Tahoma, Geneva, sans-serif;
background:#ddd /*url(../images/bg-04b.jpg) 0 50% repeat-x*/;
min-height:20px;
}
.box-plu ul.tabs li{
display:block;
float:none;
width:194px;
margin:0;
padding:0;
border-right:none;
}
.box-plu ul li em{
font:normal normal normal 10px/1.4em Tahoma, Geneva, sans-serif;
color:#444;
}
.box-plu ul li a,.box-plu ul li a:hover,.box-plu ul li a:visited,.box-plu ul li a:link{
	text-transform:uppercase;
	font: normal normal bold 10px/1.4em Tahoma, Geneva, sans-serif;
color:#333;
/*font-weight:bold;
display:block;
padding-right:5px;
color:#333;*/
}
.box-plu ul li a:hover{
	color:#999;
	text-decoration:none;
}
.box-plu ul li b{	
padding: 1px 5px;
margin:0 2px;
font-size:11px;
}
.box-plu ul li span{
	float:right;
	padding:0 3px;
}
.box-plu h3 {
	background:#aaa;
	color:#333;
	font: normal normal normal 14px/1.4em Tahoma, Geneva, sans-serif;
	padding: 4px 4px 4px 15px;
	margin:-11px -10px 10px;	
}
.pic010{
background-image: url(../images/temp/pic010.jpg);
background-position:0 100%;
background-repeat:no-repeat;
}

/* pestañas tabs */
.area-tabs {
display:block;
width:100%;	
padding: 10px 0;
}
.area-tabs ul.tabs {
list-style:none;
margin:0;
padding:0 0 0 10px;
}
.area-tabs ul.tabs li{
margin:6px 0;
float:left;
padding:3px 10px;
display:block;
background:#bbb;
}
.area-tabs ul.tabs li span{
float:left;
width:32px;
height:28px;
padding:3px 1px 0;
color: #090;
text-align: center;
margin:0 5px 0 -6px;
line-height:1.3em;
border-right:dotted 2px #060;
}
.area-tabs ul.tabs li span b{
font-size:15px;
}
.area-tabs ul.tabs li em{
display:block;
font: normal normal normal 9px/1.4em Tahoma, Geneva, sans-serif;
color:#444;
}
.area-tabs ul.tabs li a,.area-tabs ul.tabs li a:hover,.area-tabs ul.tabs li a:link{
display:block;
color:#000;
font: normal normal bold 12px/1.2em Tahoma, Geneva, sans-serif;*/
}
.area-tabs ul.tabs li a:hover{
color: #666;
}
.area-tabs ul.tabs li.active{  
background:#fff ;
color:#333;
}
.tab_container{
}
.tab-content {
}

/* tablas plu */
.tb-plu{
display:block;
clear:both;
background:#f7f7f7;
height:250px;
margin:0 0 10px;
padding:0;
overflow:scroll;
border:solid 1px #999;
}

/* contenido derecha */
.col-right{
float:left;
width:97%;
display:block;
min-height:450px;
margin:0 0px 0 0px;
padding:0 0 10px 2%;
background:#fff;
}
.medium{
width:100%;
float: left;
clear:both;
margin:0;
padding:0;
}
.foot{
display:block;
background:#333;
float:left;
width:100%;
clear:both;
margin:0;
min-height:25px;
}
.foot p{
margin:5px 0;
font:normal 10px/15px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#888;
text-align:center;
}
/*.box-min{
float:left;
width:260px;
background:#fff;
border:solid 1px #ccc;
margin:0px 0 10px 10px;
padding:0 0 5px;
font: normal 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}*/
.box-min p{
/*text-align:justify;*/
}

/* menu horizontal */
#menu-top{
float:left;
width:100%;
position:relative;
z-index:1000;
margin:6px 0;
}

#menu-top .nav{
float: right;
list-style:none;
border-right:solid 1px #ccc;
}
#menu-top .nav li{
float:right;
margin:0;
text-align:center;
padding:0;
}
#menu-top .nav .item a,#menu-top .nav .item a:hover,#menu-top .nav .item a:link,#menu-top .nav .item a.active,#menu-top .nav .exit a{
border-left:solid 1px #ccc;
padding:0 30px;
/*width: auto;
display:block;
padding:5px 10px 5px 30px;
margin:0 0;
text-align:left;
font:normal normal bold 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #777;*/
/*border-bottom: solid 3px #054F05;*/
}
/* submenu */
#menu-top .nav ul {
border:solid 1px #ccc;
}
#menu-top .nav ul.submenu {
background:#fff;
margin:0;
padding:0;
float: right;
position: relative;
top:-50px;
left:50px;
list-style:none;
z-index:1000;
margin:0;
padding:0;
list-style:none;
/*background-color:#333333;*/
}
#menu-top .nav ul.submenu li {
float:none;
margin:0;
padding:0;
background:#fff;
/*border-bottom:1px solid #999999;*/
border:none;
}
#menu-top .nav ul.submenu li a,#menu-top .nav ul.submenu li a:hover {
border:none;
/*border-bottom: solid 2px #ccc;*/
}
/* Subsubmenu */
#menu-top .nav ul.subsubmenu {
border:1px solid #039;
padding:5px;
position:absolute;
list-style:none;
background:#6D88B7;
margin-left:150px;
margin-top:-30px;
}
#menu-top .nav ul.subsubmenu li {
float:none;
background-image:none;
/*border-bottom:1px solid #999999;*/
min-width:200px;
}

/* iconos menu */
#menu-top #home a,#menu-top #home a:hover,#menu-top #home a:link,#menu-top #home a:visited,#menu-top #help a,#menu-top #help a:hover,#menu-top #help a:link,#menu-top #help a:visited,#menu-top #user a,#menu-top #user a:hover,#menu-top #user a:link,#menu-top #user a:visited, #other a,#menu-top #other a:hover,#menu-top #other a:link,#menu-top #other a:visited {
/*border-left:dotted 1px #054F05;
border-right:dotted 1px #054F05;
background-image:url(../images/home.gif);	
background-position: 5px 1px;
background-repeat: no-repeat;*/
}
#menu-top #help a,#menu-top #help a:hover,#menu-top #help a:link,#menu-top #help a:visited {
/*border-right:none;
background-image:url(../images/help.gif);	*/
}
#menu-top #user a,#menu-top #user a:hover,#menu-top #user a:link,#menu-top #user a:visited {
/*border-right:none;
background-image:url(../images/user.gif);	*/
}
#menu-top #other a,#menu-top #other a:hover,#menu-top #other a:link,#menu-top #other a:visited {
/*border-right:none;
border-left:none;
background-image:url(../images/other.gif);	*/
}
#menu-top #exit a,#menu-top #exit a:hover,#menu-top #exit a:link,#menu-top #exit a:visited {
/*border-right:none;
border-left:dotted 1px #054F05;
border-right:dotted 1px #054F05;
background-image:url(../images/x.gif);
background-position: 5px 1px;
background-repeat: no-repeat;
margin-right:15px;*/
}
#menu-top #home a:hover,#menu-top #exit a:hover,#menu-top #help a:hover,#menu-top #user a:hover,#menu-top #other a:hover{ 
/*background-image:url(../images/home2.gif);
text-decoration:none;
background-color:#f7f7f7;
border-bottom: solid 2px #06C;
color: #06C;*/
}
#menu-top #help a:hover{
/*background-image:url(../images/help2.gif);*/
} 
#menu-top #user a:hover{
/*background-image:url(../images/user2.gif);*/
} 
#menu-top #other a:hover {
/*background-image:url(../images/other2.gif);*/
}
#menu-top #exit a:hover{ 
/*background-image:url(../images/x2.gif);*/
}

/* columna izquierda */
.col-left{
position: relative;
#position:inherit;
z-index:300;
height:40px;
margin:0;
}

/* menu horizontal principal */
#menu {
display:block;
width:100%;
height:40px;
background:#999 url(../images/bg-01.jpg) 0 0 repeat-x;
position:relative;
z-index:300;
}
#menu ul.nav {
width:auto;
margin:0;
padding:0;
height:40px;
list-style:none;
background: url(../images/bg-menu2.jpg) 100% 0 no-repeat;
}
#menu .nav li ul {
display:block;
background:#efefef;
margin:0;
padding:0;
color:#fff;
width:190px;
border:solid 1px #444;
}
#menu .nav h3,#menu .nav h3:hover {
display:block;
text-align:center;
margin:6px 0 0; 
padding:4px 20px;
border-left:solid 1px #666;
border-right:solid 1px #bbb;
cursor:pointer;
font: normal normal bold 13px/1.4em Tahoma, Geneva, sans-serif;
color:#fff;
}
#menu .nav h3:hover {
color:#fff;
}
#menu .nav li {
float:left;
}
#menu .nav li a,#menu .nav li a:hover,#menu .nav li a:visited,#menu .nav li a:link,#menu .nav li a:active  {
display:block;
width:170px;
padding:3px 5px 3px 15px;
text-align:left;
font: normal normal normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333;
}
#menu .nav li a:hover {
color:#000;
background:#ccc;
}
/* Submenu */
#menu .nav ul.submenu {
position:absolute;
list-style:none;
margin:0;
padding:0;
/*background-color:#333333;
border:1px solid #000000;*/
}
#menu .nav ul.submenu li {
float:none;;
background-image:none;
width:150px;
}
#menu .nav ul.submenu li a{
}
/* Subsubmenu */
#menu .nav ul.subsubmenu {
/*border:1px solid #039;
padding:5px;
position:absolute;
list-style:none;
background: #030;
margin-left:150px;
margin-top:-30px;*/
}
#menu .nav ul.subsubmenu li {
/*float:none;
background-image:none;
min-width:200px;
/*border-bottom:1px solid #999999;*/

}

/* selector menu */
#menu .nav li.menuselect {
float:left;
width:200px;
height:40px;
padding:0 10px 0 15px;
margin:0 -1px 0 0;
border-right:solid 1px #666;
background:#000 url(../images/bg-menu.jpg) 0 0 no-repeat;
overflow:hidden;
}
#menu .nav li.menuselect label {
color:#999;
text-align: left;
margin:0;
padding:4px 0 2px;
text-indent:5px;
font: normal normal normal 10px/1em Tahoma, Geneva, sans-serif;
text-transform:none;
}
#menu .nav li.menuselect select,#menu .nav li.menuselect h4 {
display:block;
margin:0;
padding:0;
filter: alpha(opacity = 95);
opacity: .95;
background:#666;
border:solid 1px #333;
color:#fff;
height:18px;
line-height:16px;
}
#menu .nav li.menuselect h4 {
height:16px;
text-indent:4px;
font-size:11px;
line-height:16px;
}





#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7,#menu8,#menu1a, #menu2a, #menu3a, #menu4a, #menu5a, #menu6a, #menu7a,#menu8a,#menu1b, #menu2b, #menu3b, #menu4b, #menu5b, #menu6b, #menu7b,#menu8b,#menu1c, #menu2c, #menu3c, #menu4c, #menu5c, #menu6c, #menu7c,#menu8c,#menu1d, #menu2d, #menu3d, #menu4d, #menu5d, #menu6d, #menu7d,#menu8d,#menu1e, #menu2e, #menu3e, #menu4e, #menu5e, #menu6e, #menu7e,#menu8e      {
display:none;
}
#menuA, #menuB, #menuC, #menuD, #menuE, #menuF, #menuG,#menuH{
display:none;
}
/* sections */
/* head */
.logo{
display:block;
width:294px;
height:80px;
background: url(../images/logo.gif) 0 50% no-repeat;
}
.col-top{
display:block;
float:right;
margin:0;
padding-right:10px;
width:400px;
height:80px;
color: #030;
text-align:right;
overflow:hidden;
background:url(../images/bg-col-top.gif) 100% 0 no-repeat;
}
.col-top select{
float:right;
margin:0 0 0 5px;
font: normal normal normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:18px;
border:solid 1px #163D80;
background:#5077BA;
color:#fff;
}
.date{
margin:5px 0 0;
padding:0;
text-align:right;
font: normal normal bold 9px/1.4em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
/*color:#043D79;*/
}
.name{
margin:4px 0 0;
padding:0;
font: normal normal normal 11px/16px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:right;
padding:0px;
}
.name b {
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
/*text-transform:uppercase;*/
font-weight:bold;
}

/* Tabla Formulario */
.tb-md {
margin:0 0 10px;
width:100%;
border-collapse:collapse;
border:solid 1px #ccc;
background:#f7f7f7 /* url(../images/bg-05.jpg) 0 0 repeat-x*/;
}
.tb-md td,.tb-md th {
padding:5px;
margin:0;
}
.tb-md .tittle td,.tb-md .tittle th {
border:solid 1px #060
}
.total, .total td {
background: #E6EEFF;
font-weight:bold;
color:#043D79;
margin:10px;
}

/* tables */
table.tb {
display:table;
padding:0;
margin:0 0 10px;
border:solid 1px #ccc;
border-collapse: collapse;
background:#fff;
border:solid 1px #f00;
}
table.tb td {
margin:0;
padding:1px 8px;
border:solid 1px #ccc;
}
.tr-02, .tr-link{
background:rgb(233,233,233);
}
.tb-0,.tb-01, .tb-02, .tb-03 {
display:table;
margin:0 0 20px;
width:100%;
font: normal normal normal 11px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
border: solid 1px #060;
border-collapse:collapse;
text-align:right;
background:#fff;
}
.tb-0 .tb-02 {
border:none;
margin:0 0 1px;
}
.tb-0 .tb-02 td, .tb-01 td, .tb-02 td, .tb-03 td,.tb-01 th, .tb-02 th, .tb-03 th {
padding:6px;
border-right: solid 1px #060;
} 
.tb-0 td {
padding:0;
}
.tb-01 td,.tb-01 th {
border-left: solid 1px #060;
}
.tb-03 td,.tb-03 th{
border:none;
text-align:left;
}
.tb-00 {
display:table;
margin:0 0 20px;
font: normal normal normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:right;
border:solid 1px rgb(64,73,132);
width:100%;
empty-cells:show;
border-collapse:collapse;
}
.tb-00 td {
padding:5px 20px 5px 5px ;
}
.tb-00 h5 {
text-align:right;
font: normal normal normal 11px/1.2em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#777;
}
.tb-00 .tr-01 td {
/*background:#f7f7f7*/
}
.tb-00 .tr-02 td {
background:#f7f7f7;
}

.tb-00 .tr-tt td {
background:#fff;
border-top:solid 1px #999;
border-bottom:solid 1px #999;
}
.t1f{
border-left	:solid 1px rgb(64,73,132);
}
.tb-00 strong {
color:#002469;
}
.tb-02{
text-align:center;
}
.tb-02 td .tb-02{
width:100%;
margin:0;
border:solid 1px #ccc;
/*filter: alpha(opacity = 70);
opacity: .70;*/
}
td.flover {
	width:100%;	
	border:solid 1px #ccc;
	background:#E3ECD9;
	padding:6px 3px 10px ;
}
.tb-02 td .tb-02 td,.tb-02 td .tb-02 th{
border:solid 1px #ccc;
padding:3px;
}
.tb-02 td .tb-02 th{
	background:#999;
	color:#fff;
}
.center{ text-align:center;}
.tittle td, .tittle2 td, tittle3 td,.tittle th, .tittle2 th, tittle3 th, th{
background:#054F05;
color:#fff;
/*border: solid 1px #11778F;*/
text-align:center;
font: normal normal normal 11px/1.3em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
padding:6px;
}
th label {
color:#fff;
}
.tittle td b {
font-weight:normal;
color:#fff;
}
.tittle2 td,.tittle2 th{
color: #fff;
text-align: left;
width:auto;
font: normal normal normal 9px/1.3em "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

}
.tittle3 td,.tittle3 th  {
background:rgb(230,229,230);
color:#000;
text-align: center;
/*border:solid 1px #888;*/
}
.cel-a,.cel00,.cel01,.cel01,.cel03,.cel04,.cel05,.cel06 {
}
.cel-a {
width:100px;
}
.cel0{
width:105px;
}
.cel00{
width:115px;
}
.cel01{
width:155px;
}
.cel02{
width:205px;
}
.cel03{
width:215px;
}
.cel04{
width:345px;
}
.cel05{
width:50%;
}
.cel06{
width:70%;
}

.boxflow{ 
display:block; 
width:550px;
height:250px;
margin:0 0 10px;
padding:10px;
overflow:auto;
border:solid 1px #ccc;
background:rgb(230,229,230); 
}

/* barra impresion */
.tb-top{
clear:both;
width:100%;
height:18px;
margin:0 0 10px ;
padding:8px 0;
#padding:8px 2% 2px;
font: italic normal normal 13px/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:normal;
border-top:solid 2px rgb(64,73,132);
background:transparent url(../images/bg-tb-top.gif) 100% 0 no-repeat;
color:#1C4386;
color:#333;
display:none;
}
.tb-top .icons a{
margin: 6px 5px 0;
float:right;
position:relative;
top:-10px;
}
.tb-top span a{
color:#666;
}
.xls,.pdf,.print,.mail, a.xls,a.pdf,a.print,a.mail, a.xls:hover,a.pdf:hover,a.print:hover,a.mail:hover{
display:inline-block;
width:22px;
height:22px;
background:url(../images/pdf.gif) 50% 0% no-repeat;
}
.xls,a.xls {
background: url(../images/xls.gif) 50% 0% no-repeat;
}
.print,a.print {
background: url(../images/print.gif) 50% 0% no-repeat;
}
.mail,a.mail {
background: url(../images/mail.gif) 50% 0% no-repeat;
}
a.xls:hover{
background: url(../images/xls2.gif) 50% 0% no-repeat;
}
a.pdf:hover{
background:url(../images/pdf2.gif) 50% 0% no-repeat;
}
a.print:hover{
background: url(../images/print2.gif) 50% 0% no-repeat;
}
a.mail:hover {
background: url(../images/mail2.gif) 50% 0% no-repeat;
}


/* otros */
.link{
color: #333 ;
}
.list{
width:792px;
margin:0 0 20px 20px;
padding:0;
border: solid 1px #ccc;
border-left:none;
text-align:left;
color:#333;
}
.list td {
padding:5px 10px;
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
}
a.delete,a.delete:hover,a.delete:visited,a.delete:link   {
display:block;
clear:both;
text-align:left;
padding:2px 25px 2px 0;
font: normal normal normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
background:url(../images/btn-eliminar-b.gif) 100% 0 no-repeat;
text-decoration:none;
text-transform:uppercase;
}
a.delete:hover{
background:url(../images/btn-eliminar2-b.gif) 100% 0 no-repeat;
}

/*  formularios  */
form {
margin:0;
padding:0;
}
label{
display:block;
clear:both;
margin:0;
padding:4px 0;
color:#000;
font: normal normal normal 10px/14px  "Arial Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
input{
height:16px;
#height:15px;
font: normal normal normal 11px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
/*background:#f7f7f7 url(../images/bg-input.gif) 0 0 repeat-x;*/
}
input, textarea {
display: inline-block ;
margin-right:3px;
position:relative;
padding:2px 2px 0px 2px;
border:solid 1px #666;
}
.ctr select {
margin: 0 auto;
}
input.checkbox, .checkbox{
}
.tb-02 .checkbox{
display:inline;
float:none;
margin:0 4px;
padding:0;
width:14px;
height:14px;
top:3px;
#top:0px;
background:none;
border:none;
}
.upload {
display:block;
background:#ccc;
clear:both;
min-height:20px;
padding: 3px;
margin: 0 0 20px;
}
.upload input {
}
input[type=file],input.inpup{
display:inline-block;
height:auto;
padding:0;
margin:0;
background:#fff;
} 
input[type=radio]{
border:none;
}
.inp,.inp0,.inp00,.inp01,.inp02,.inp03,.inp04,.inp100 {
background:#f7f7f7 url(../images/bg-input.gif) 0 0 repeat-x;
}
select.inp,select.inp0,select.inp00,select.inp01,select.inp02,select.inp03,select.inp04,select.inp100  {
display:block;
background:#f7f7f7 url(../images/bg-input.gif) 0 0 repeat-x;
font: normal normal normal 11px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
height:20px;
border:solid 1px #666;
}
.inp0{
width:75px;
margin:0;
}
.inp00{
width:105px;
margin:0;
}
.inp01{
width:150px;
}
.inp02{
width:200px;
}
.inp03{
width:250px;
height:65px;
overflow:auto;
}
.inp04{
width:345px;
}
.inp100{
width:96%;
}
input.inpdate {
width:65px;
margin-left:-1px;
}
/* nuevo estylo  input y select */
.pbox{
width: auto;
padding:0px 5px;
margin:0;
float:left;
/*border-right:dotted 1px #ccc;*/
/*border:solid 1px #ccc;*/
}
.put{
width:100%;
margin:0;
padding:0;
background:#fff;
}
input.put{
font: normal normal normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:18px;
border:solid 1px #999;
}
select.put{
background:#fff;
font: normal normal normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:20px;
border:solid 1px #999;
}
textarea.put{
width:100%;
background:#fff;
font: normal normal normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:solid 1px #999;
}
/* anchos */
.5p{width:5%;}
.10p{width:10%;}
.15p{width:15%;}
.20p{width:20%;}
.25p{width:25%;}
.30p{width:30%;}
.35p{width:35%;}
.40p{width:40%;}
.45p{width:45%;}
.50p{width:50%;}
.55p{width:55%;}
.60p{width:60%;}
.65p{width:65%;}
.70p{width:70%;}
.75p{width:75%;}
.80p{width:80%;}
.85p{width:85%;}
.90p{width:90%;}
.95p{width:95%;}
.100p{width:100%;}
.w010,.w020,.w030,.w040,.w050,.w060,.w070,.w080,.w090,.w100,.w110,.w120,.w130,.w140,.w150,.w160,.w170,.w180,.w190,.w200,.w210,.w220,.w230,.w240,.w250,.w260,.w270,.w280,.w290,.w300,.w310,.w320,.w330,.w340,.w350,.w360,.w370,.w380,.w390,.w400,.w410,.w420,.w430,.w440,.w450,.w460,.w470,.w480,,.w490,.w500,.w510,.w520,.w530,.w540,.w550,.w560,.w570,.w580,.w590,.w60,.w610,.w620,.w630,.w640,.w650,.w660,.w670,.w680,.w690,.w700{
}
.w010{width:10px;}
.w020{width:20px;}
.w030{width:30px;}
.w040{width:40px;}
.w050{width:50px;}
.w060{width:60px;}
.w070{width:70px;}
.w080{width:80px;}
.w090{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w440{width:440px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w570{width:570px;}
.w580{width:580px;}
.w590{width:590px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w630{width:630px;}
.w640{width:640px;}
.w650{width:650px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w690{width:690px;}
.w700{width:700px;}


/* popup */
#popup {
position: fixed;
#display:block;
#float:left;
#position:absolute;
#top:0;
#left:0;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:800;
background: url(../images/bg-pop.gif) 0 0 repeat;
/*background:rgb(230,229,230);
filter: alpha(opacity = 100);
opacity: .100;*/

}
.pop-box,.pop-box2{
display:block;
margin:0 auto;
padding: 20px;
top:30%;
width:660px;
height:auto;
background:#fff url(../images/bg-00.jpg) 120% -10px no-repeat;
border: solid 2px rgb(64,73,132);
position:relative;
z-index:700;
}
.pop-box2{ 
padding:10px 10px 0;
border: solid 1px #999;
top: 30%;
}
/* colores y pics */ 
.red { 
background-image: url(../images/bg-alert.gif);
background-position: 1% 8px;
background-repeat: no-repeat ; 
}
.red p{ 
background-color: rgb(248,233,239);
} 
p.red {
background-color: rgb(248,233,239);
background-image: url(../images/bg-alert.gif);
background-position:3px 2px;
padding:6px 6px 6px 35px;
font-size:11px;
min-height:18px;
margin:10px 0;
}
.green { 
background-image: url(../images/bg-ok.gif);
background-position: 10px 8px;
background-repeat: no-repeat ; 
}
.green p{
background: #BDD8B4;
} 
.blue { 
background-color: #EBF1FC; 
border-color: #006699; 
color: #044EBB;
}
.gr1 {
background-color:#fff;
/*border-top:solid 1px #ccc;*/
}
.gr2 {
background-color:rgb(233,233,233);
}


/* numerdor de paginas */
.paginer {
display:block;
width:auto;
background:#fff ;
margin:0px auto 20px;
padding:5px 10px;
text-align:center;
}
.paginer a, .paginer a:hover, .paginer a:visited  {
color: #fff;
}
.p-config{
float:right;
}
.p-config select{
background:none;
border:solid 1px #ccc;
color:#666;
}
a.pini, a.plft, a.ppag, a.prgh, a.pfin, a.pini:hover, a.plft:hover, a.ppag:hover, a.prgh:hover, a.pfin:hover {
display: inline;
background: url(../images/bg-04.jpg) 0 0 repeat-x;
border:solid 1px #030;
font: normal normal normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
width:auto;
line-height:20px;
height:24px;
text-align:center;
padding:2px 6px;
margin:0 2px ;
color: #fff;
}
a.pini:hover, a.plft:hover, a.ppag:hover, a.prgh:hover, a.pfin:hover {
background:#054F05 url(../images/bg-04.jpg) 0 100% repeat-x;
color:#fff;
text-decoration:none;
}
.paginer a.on {
background:#054F05 url(../images/bg-04.jpg) 0 100% repeat-x;
color:#fff;
font-weight:bold;
cursor:default;
}
.paginer a.off {
background:none;
border: solid 1px #ccc;
font: normal normal normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#666;
cursor:default;
}

/* loging */
.link a,.link a:hover {
margin:2px 0;
color:#fff;
}



/* pestañas tabs2 */
.area-tabs2 {
display:block;
clear:both;
margin:0;
padding:10px 0 0;
}
.area-tabs2 ul{
display:inline-block;
margin:0;
padding:0 10px;
list-style:none;
/*border-bottom:solid 1px #036;*/
}
.area-tabs2 ul.tabs li{
float:left;
margin:0 2px 1px;
padding:0;
}
.area-tabs2 ul.tabs li a,.area-tabs2 ul.tabs li a:hover{
display:block;
background:#f7f7f7;
text-transform:none;
font: normal normal bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0 20px;
height:20px;
border: solid 1px #ddd;
border-bottom:none;
}
.area-tabs2 ul.tabs li a:hover{
background:#8B9CBB;
border: solid 1px #295093;
border-bottom:none;
color:#fff;
}
.area-tabs2 ul.tabs li.active a{
height:21px;
margin-bottom:-1px;
background:#054F05;
border: solid 1px #036;
border-bottom:none;
color:#fff;
}
.tab-content2{
vertical-align:top;
background:#295093;
}
/* */
th.area-tabs2b {
margin:0;
padding:6px 0 0;
}
.area-tabs2b ul{
display:block;
margin:0 auto;
padding:0;
border-bottom:solid 1px #036;
height:30px;
}
.area-tabs2b ul.tabs li{
margin:7px 4px 0;
padding:0;
}
.area-tabs2b ul.tabs li a,.area-tabs2b ul.tabs li a:hover{
background: #3F76AD;
text-transform:none;
font: normal normal bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #CCDCE6;
padding:2px 20px 0;
height:20px;
border: solid 1px #3361B5;
border-bottom:none;
}
.area-tabs2b ul.tabs li a:hover{
background:#8B9CBB;
border: solid 1px #295093;
border-bottom:none;
color:#fff;
}
.area-tabs2b ul.tabs li.active a{
height:21px;
background:rgb(64,73,133);
border: solid 1px #036;
border-bottom:none;
color:#fff;
}
.tab-content2b{
vertical-align:top;
background:#295093;
}
/* cajas */
.box {
display:block;
padding:0 ;
margin:5px 0;
padding:5px 2px 10px;
}
.box-td{
display:inline-block;
margin:0 0 10px;
padding: 10px 1%;
width:47%;
min-height:110px;
background:#f7f7f7;
border:solid 1px #ccc;
vertical-align: top;
}
.mr {
margin-right:1%;
}	

.btn-activo,.btn-inactivo,.btn-eliminar,.btn-autorizar,.btn-cambio,.pic-autorizar,.pic-enviar,.pic-cargar,.pic-rechazar{
display:inline-block;
width:22px;
height:22px;
background:url(../images/btn-activo.gif) 0 0 no-repeat;
}
.btn-inactivo {
background:url(../images/btn-inactivo.gif) 0 0 no-repeat;
}
.btn-cambio,.btn-cambio:hover{
background:url(../images/btn-cambio.gif) 0 0 no-repeat;
}
.btn-cambio:hover{
background:url(../images/btn-cambio2.gif) 0 0 no-repeat;
}
.btn-autorizar,.btn-autorizar:hover{
background:url(../images/btn-autorizar.gif) 0 0 no-repeat;
}
.btn-autorizar:hover{
background:url(../images/btn-autorizar2.gif) 0 0 no-repeat;
}
.btn-eliminar,.btn-eliminar:hover{
background:url(../images/btn-eliminar.gif) 0 0 no-repeat;
}
.btn-eliminar:hover{
background:url(../images/btn-eliminar2.gif) 0 0 no-repeat;
}
.pic-rechazar{
background: url(../images/pic-rechazar.gif) 0 0 no-repeat;
}
.pic-autorizar{
background:url(../images/pic-autorizar.gif) 0 0 no-repeat;
}
.pic-enviar{
background:url(../images/pic-enviar.gif) 0 0 no-repeat;
}
.pic-cargar{
background:url(../images/pic-cargar.gif) 0 0 no-repeat;
}
.nav li ul {
display:none;
}

/* datepicker */

input.dp-applied {
float:left;
width:64px;
text-align:center;
border:solid 1px #999;
background:#fff;
}

a.dp-choose-date {
float:left;
width: 18px;
height: 18px;
padding: 0;
margin:0 0 0 -3px;
text-indent: -2000px;
overflow: hidden;
border:solid 1px #999;
border-left:none;
background:#fff url(../images/bg-go.png) 50% 50% no-repeat; 
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}

/* barra notificaciones */
.downbar a.minbar{
float:right;
width:10px;
height:16px;
background:url(../images/mas.gif) 50% 50% no-repeat;
text-align:center;
font: normal normal bold 9px/1.6em Tahoma, Geneva, sans-serif;
position:relative;
z-index:400;
width:10px;
}
.downbar{
display:block;
position:fixed;
bottom:0;
right:20px;
width:220px;
margin:0;
padding:4px;
border:solid 1px #999;
border-bottom:none;
background:#efefef;
z-index:500;
filter: alpha(opacity = 80);
opacity: .80;
}

.downbar a,.downbar a:hover,.downbar a:link,.downbar a:visited{
text-decoration:none;
color: #030;
}
.downbar h3 a{
background-image:none;
font: normal normal normal 12px/1.3em Tahoma, Geneva, sans-serif;
padding:1px 4px;
margin:0;
color:#000;
}
.downbar a em{
font-size:11px;
margin-right:5px;
color:#000;
}
.downbar h4{
margin:1px 0;
font: normal normal normal 10px/1.4em Tahoma, Geneva, sans-serif;
color:#333;
text-align:right;
}
.downbar h4 b{
display:inline-block;
width:25px;
margin:0 1px;
padding: 0px 1px;
text-align:center;
font:normal normal bold 10px/1.4em Tahoma, Geneva, sans-serif;
background-color:#efefef;
border:solid 1px #ccc;
}

.downplu{
border-bottom: dashed 2px #999;
padding:5px 10px 20px;
}
.downplu li span{
text-align:right;
border:solid 1px #f00;
}
.downplu span{
display:inline-block;
padding:0px 6px;
}
.downplu em{
}
.downplu b{
	font: normal normal bold 11px/1.4em Tahoma, Geneva, sans-serif;
display:inline-block;
padding:0px 6px;
margin-left:2px;

}

.downbar a b.rd,.downplu a b.rd,.rd{
background: #E3CDCC;
text-align:center;
/*border:solid 1px #853A36;*/
color:#900;
}
.rd a{
color:#900;
}
.downbar a b.yw,.downplu a b.yw,.yw{
background: #EDE2B6;
/*border:solid 1px #B09644;*/
color: #866A31;
}
.yw a{
color:#c60;
}
.downbar a b.gr,.downplu a b.gr,.gr{
background: #CCE1C6;
/*border:solid 1px #4E7E38;*/
color:#4E7E38;
}
.gr a{
color:#030;
}
.downbar a b.gry,.downplu a b.gry,.gry{
background: #aaa;
/*border:solid 1px #666;*/
color: #333;
}
.gry a{
color:#444;
}
.blk, .plubox{
background-color:#252525;
color:#ccc;
}
.plubox label {
color:#999;
text-align: left;
margin:0;
padding:4px 0 2px;
text-indent:5px;
font: normal normal normal 10px/1em Tahoma, Geneva, sans-serif;
text-transform:none;
}
.plubox select,.plubox h4 {
display:block;
margin:0;
padding:0;
filter: alpha(opacity = 95);
opacity: .95;
background:#666;
border:solid 1px #333;
color:#fff;
height:18px;
line-height:16px;
}
.plubox h4 {
height:16px;
text-indent:4px;
font-size:11px;
line-height:16px;
}


